<%@ page contentType="text/html;charset=UTF-8" language="java" %>


<!-- ========================
Offcanvas Menu Area Start
===========================-->
<div class="offcanvas_overlay">

</div>
<div class="offcanvas_menu">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="canvas_open">
                    <a href="#"><i class="zmdi zmdi-menu"></i></a>
                </div>
                <div class="offcanvas_menu_wrapper">
                    <div class="canvas_close">
                        <a href="#"><i class="zmdi zmdi-close"></i></a>
                    </div>
                    <div class="welcome_text text-center mb-10">
                        <p><span>Customer Service: </span> (800) 123 456 789</p>
                    </div>
                    <div class="box-right text-center mb-20">
                        <ul>
                            <li class="settings">
                                <a href="#" class="drop-toggle">
                                    <span>USD $</span>
                                    <i class="fa fa-angle-down"></i>
                                </a>
                                <ul class="box-dropdown drop-dropdown">
                                    <li><a href="#">EUR €</a></li>
                                    <li><a href="#">USD $</a></li>
                                </ul>
                            </li>
                            <li class="settings">
                                <a href="#" class="drop-toggle">
                                    <img src="${rootPath}/common/resources/assets/images/cuntry/1.jpg" alt="">
                                    English
                                    <i class="fa fa-angle-down"></i>
                                </a>
                                <ul class="box-dropdown drop-dropdown">
                                    <li>
                                        <a href="#"><img src="${rootPath}/common/resources/assets/images/cuntry/1.jpg" alt=""> English</a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="${rootPath}/common/resources/assets/images/cuntry/2.jpg" alt=""> Francies</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="settings">
                                <a href="compare.html">Compare (2)</a>
                            </li>
                        </ul>
                    </div>
                    <div class="widget-body">
                        <div class="widget-address text-center mb-20">
                            <p><strong>ADDRESS</strong></p>
                            <p>123 Main Street, Anytown <br> CA 12345 USA.</p>
                            <p>(800) 123 456 - (800) 123 456.</p>
                        </div>
                    </div>
                    <div class="offcanvas-search-container mb-40">
                        <form action="#">
                            <div class="search_box">
                                <input placeholder="Search entire store here ..." type="text">
                                <button type="submit">Search</button>
                            </div>
                        </form>
                    </div>
                    <!-- Offcanvas Menu Start -->
                    <div class="offcanvas_menu_cover text-left">
                        <ul class="offcanvas_main_menu">
                            <li class="menu-item-has-children active">
                                <a href="#">Home</a>
                                <ul class="sub-menu">
                                    <li><a href="index.html">Home 1</a></li>
                                    <li><a href="index-2.html">Home 2</a></li>
                                    <li><a href="index-3.html">Home 3</a></li>
                                    <li><a href="index-4.html">Home 4</a></li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="#">Shop</a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#">Shop Layouts</a>
                                        <ul class="sub-menu">
                                            <li><a href="shop.html">Shop</a></li>
                                            <li><a href="shop-fullwidth.html">Full Width</a></li>
                                            <li><a href="shop-fullwidth-list.html">Full Width list</a></li>
                                            <li><a href="shop-right-sidebar.html">Right Sidebar </a></li>
                                            <li><a href="shop-right-sidebar-list.html"> Right Sidebar list</a></li>
                                            <li><a href="shop-list.html">List View</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">other Pages</a>
                                        <ul class="sub-menu">
                                            <li><a href="shopping-cart.html">Cart</a></li>
                                            <li><a href="wishlist.html">Wishlist</a></li>
                                            <li><a href="checkout.html">Checkout</a></li>
                                            <li><a href="my-account.html">My Account</a></li>
                                            <li><a href="faq.html">FAQs</a></li>
                                            <li><a href="404.html">Error 404</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">Product Types</a>
                                        <ul class="sub-menu">
                                            <li><a href="product-details.html">Product details</a></li>
                                            <li><a href="product-details-external.html">Product external</a></li>
                                            <li><a href="product-details-grouped.html">Product grouped</a></li>
                                            <li><a href="product-details-variable.html">Product variable</a></li>
                                            <li><a href="product-details-bottomtab.html">Tab style - 1</a></li>
                                            <li><a href="product-details-lefttab.html">Tab style - 2</a></li>
                                            <li><a href="product-details-righttab.html">Tab style - 3</a></li>
                                            <li><a href="product-details-stickyleft.html">Product sticky left</a></li>
                                            <li><a href="product-details-stickyright.html">Product sticky right</a></li>
                                            <li><a href="product-details-galleryleft.html">Product leftside Gallery</a>
                                            </li>
                                            <li><a href="product-details-galleryright.html">Product rightside
                                                Gallery</a></li>
                                            <li><a href="product-details-sliderbox.html">Product Sliderbox</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="#">blog</a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#">Blog Grid</a>
                                        <ul class="sub-menu">
                                            <li><a href="blog-grid-right-sidebar.html">Right Sidebar</a></li>
                                            <li><a href="blog-grid-left-sidebar.html">Left Sidebar</a></li>
                                            <li><a href="blog-grid-fullwidth.html">Full Width</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">Blog List</a>
                                        <ul class="sub-menu">
                                            <li><a href="blog-list-right-sidebar.html">Right Sidebar</a></li>
                                            <li><a href="blog-list-left-sidebar.html">Left Sidebar</a></li>
                                            <li><a href="blog-list-fullwidth.html">Full Width</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">Blog Single Post</a>
                                        <ul class="sub-menu">
                                            <li><a href="blog-details.html">Right Sidebar</a></li>
                                            <li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
                                            <li><a href="blog-details-fullwidth.html">Full Width</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">Standard Blog</a>
                                        <ul class="sub-menu">
                                            <li><a href="blog-right-sidebar.html">Right Sidebar</a></li>
                                            <li><a href="blog-left-sidebar.html">Left Sidebar</a></li>
                                            <li><a href="blog-fullwidth.html">Full Width</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="#">pages </a>
                                <ul class="sub-menu">
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="shop.html">Shop</a></li>
                                    <li><a href="product-details.html">Product</a></li>
                                    <li><a href="shopping-cart.html">Shopping Cart</a></li>
                                    <li><a href="wishlist.html">Wishlist</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="compare.html">Compare</a></li>
                                    <li><a href="contact.html">Contact Us</a></li>
                                    <li><a href="faq.html">Frequently Question</a></li>
                                    <li><a href="my-account.html">My Account</a></li>
                                    <li><a href="login.html">Login</a></li>
                                    <li><a href="register.html">Register</a></li>
                                    <li><a href="404.html">404 Error</a></li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="about.html">about Us</a>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="contact.html"> Contact Us</a>
                            </li>
                        </ul>
                    </div>
                    <!-- Offcanvas Menu End -->
                    <div class="offcanvas_footer">
                        <span><a href="#"><i class="fa fa-envelope-o"></i> info@yourdomain.com</a></span>
                        <div class="footer_social">
                            <ul class="d-flex">
                                <li><a class="facebook" href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                <li><a class="twitter" href="#"><i class="zmdi zmdi-twitter"></i></a></li>
                                <li><a class="youtube" href="#"><i class="zmdi zmdi-youtube"></i></a></li>
                                <li><a class="google" href="#"><i class="zmdi zmdi-google-plus"></i></a></li>
                                <li><a class="linkedin" href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ========================
Offcanvas Menu Area End
===========================-->

<!-- =================
Header Area Start
=====================-->
<div class="header-area">
    <!-- Header Top Start -->
    <div class="header-top full-border">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-12">
                    <div class="header-top-left">
                        <p><span>Customer Service: </span> (800) 123 456 789</p>
                    </div>
                </div>
                <div class="col-lg-8 col-12">
                    <div class="box-right">
                        <ul>
                            <li class="settings">
                                <a href="#">Compare (2)</a>
                            </li>
                            <li class="settings">
                                <a href="#" class="drop-toggle">
                                    <span>USD $</span>
                                    <i class="fa fa-angle-down"></i>
                                </a>
                                <ul class="box-dropdown drop-dropdown">
                                    <li><a href="#">EUR €</a></li>
                                    <li><a href="#">USD $</a></li>
                                </ul>
                            </li>
                            <li class="settings">
                                <a href="#" class="drop-toggle">
                                    <img src="${rootPath}/common/resources/assets/images/cuntry/1.jpg" alt="">
                                    English
                                    <i class="fa fa-angle-down"></i>
                                </a>
                                <ul class="box-dropdown drop-dropdown">
                                    <li>
                                        <a href="#"><img src="${rootPath}/common/resources/assets/images/cuntry/1.jpg" alt=""> English</a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="${rootPath}/common/resources/assets/images/cuntry/2.jpg" alt=""> Francis</a>
                                    </li>
                                </ul>
                            </li>
                            <c:choose>
                                <c:when test="${sessionScope.users != null}">
                                    <li class="settings">
                                        <a href="${rootPath}/head/users/main.mvc" class="drop-toggle">
                                            个人中心
                                            <i class="fa fa-angle-down"></i>
                                        </a>
                                        <ul class="box-dropdown drop-dropdown">
                                            <li><a href="${rootPath}/head/users/main.mvc">个人中心</a></li>
                                            <li><a href="#">退出</a></li>
                                        </ul>
                                    </li>
                                </c:when>
                                <c:otherwise>
                                    <li class="settings">
                                        <a href="${rootPath}/login.mvc" class="drop-toggle">
                                            登陆
                                        </a>
                                    </li>
                                </c:otherwise>
                            </c:choose>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Header Top End -->
    <!-- Header Middle Start -->
    <div class="header-middle space-40">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-3 col-6">
                    <div class="logo">
                        <a href="index.html"><img src="${rootPath}/common/resources/assets/images/logo/pos-circle-logo.jpg" alt="" class="img-fluid"></a>
                    </div>
                </div>
                <div class="col-lg-9 col-6">
                    <div class="header-middle-inner">
                        <div class="search-container">
                            <form action="#">
                                <div class="top-cat">
                                    <select class="select-option" name="select" id="category2">
                                        <option value="1">All categories</option>
                                        <option value="12">All categories</option>
                                        <option value="27">- - Women</option>
                                        <option value="30">- - - - Dresses</option>
                                        <option value="31">- - - - Shirts &amp; Blouses</option>
                                        <option value="32">- - - - Blazers</option>
                                        <option value="33">- - - - Lingerie</option>
                                        <option value="34">- - - - Jeans</option>
                                        <option value="28">- - Men</option>
                                        <option value="35">- - - - Shorts</option>
                                        <option value="36">- - - - Sportswear</option>
                                        <option value="37">- - - - Swimwear</option>
                                        <option value="38">- - - - Jackets &amp; Suits</option>
                                        <option value="39">- - - - T-shirts &amp; Tank Tops</option>
                                        <option value="29">- - Kids</option>
                                        <option value="40">- - - - Trousers</option>
                                        <option value="41">- - - - Shirts &amp; Tops</option>
                                        <option value="42">- - - - Knitwear</option>
                                        <option value="43">- - - - Jackets</option>
                                        <option value="44">- - - - Sandals</option>
                                        <option value="13">Electronics</option>
                                        <option value="45">- - Cameras</option>
                                        <option value="49">- - - - Cords and Cables</option>
                                        <option value="50">- - - - gps accessories</option>
                                        <option value="51">- - - - Microphones</option>
                                        <option value="52">- - - - Wireless Transmitters</option>
                                        <option value="46">- - Audio</option>
                                        <option value="53">- - - - Other Accessories</option>
                                        <option value="54">- - - - Portable Audio</option>
                                        <option value="55">- - - - Satellite Radio</option>
                                        <option value="56">- - - - Visual Accessories</option>
                                        <option value="47">- - Cell Phones</option>
                                        <option value="57">- - - - iPhone</option>
                                        <option value="58">- - - - Samsung Galaxy</option>
                                        <option value="59">- - - - SIM Cards</option>
                                        <option value="60">- - - - Prepaid Cell Phones</option>
                                        <option value="48">- - TV &amp; Video</option>
                                        <option value="61">- - - - 4K Ultra HDTVs</option>
                                        <option value="62">- - - - All TVs</option>
                                        <option value="63">- - - - Refurbished TVs</option>
                                        <option value="64">- - - - TV Accessories</option>
                                        <option value="14">Toys &amp; Hobbies</option>
                                        <option value="65">- - Books &amp; Board Games</option>
                                        <option value="67">- - - - Arts &amp; Crafts</option>
                                        <option value="68">- - - - Baby &amp; Toddler Toys</option>
                                        <option value="69">- - - - Electronics for Kids</option>
                                        <option value="70">- - - - Dolls &amp; Accessories</option>
                                        <option value="66">- - Baby Dolls</option>
                                        <option value="71">- - - - Baby Alive Dolls</option>
                                        <option value="72">- - - - Barbie</option>
                                        <option value="73">- - - - Baby Annabell</option>
                                        <option value="74">- - - - Bratz</option>
                                        <option value="15">Sports &amp; Outdoors</option>
                                        <option value="16">Smartphone &amp; Tablets</option>
                                        <option value="17">Health &amp; Beauty</option>
                                        <option value="18">Computers &amp; Networking</option>
                                        <option value="19">Accessories</option>
                                        <option value="20">Jewelry &amp; Watches</option>
                                        <option value="21">Flashlights &amp; Lamps</option>
                                        <option value="22">Cameras &amp; Photo</option>
                                        <option value="23">Holiday Supplies &amp; Gifts</option>
                                        <option value="24">Automotive</option>
                                        <option value="25">cosmetic</option>
                                    </select>
                                </div>
                                <div class="search_box">
                                    <input class="header-search" placeholder="Enter your search key ..." type="text">
                                    <button class="header-search-button" type="submit">Search</button>
                                </div>
                            </form>
                        </div>
                        <div class="blockcart">
                            <a href="#" class="drop-toggle">
                                <img src="${rootPath}/common/resources/assets/images/cart/cart.png" alt="" class="img-fluid">
                                <span class="my-cart">My Cart</span>
                                <span class="count">2</span>
                                <span class="total-item">$200.00</span>
                            </a>
                            <div class="cart-dropdown drop-dropdown">
                                <ul>
                                    <li class="mini-cart-details">
                                        <div class="innr-crt-img">
                                            <img src="${rootPath}/common/resources/assets/images/cart/ear-headphones.jpg" alt="">
                                            <span>1x</span>
                                        </div>
                                        <div class="innr-crt-content">
                                                <span class="product-name">
                                                <a href="#">SonicFuel Wireless Over-Ear Headphones </a>
                                            </span>
                                            <span class="product-price">$32.30</span>
                                            <span class="product-size">Size:  S</span>
                                        </div>
                                    </li>
                                    <li class="mini-cart-details mb-30">
                                        <div class="innr-crt-img">
                                            <img src="${rootPath}/common/resources/assets/images/cart/720-degree-cameras-dual.jpg" alt="">
                                            <span>1x</span>
                                        </div>
                                        <div class="innr-crt-content">
                                                <span class="product-name">
                                                <a href="#">720 Degree Panoramic HD 360.. </a>
                                            </span>
                                            <span class="product-price">$29.00</span>
                                            <span class="product-size">Dimension:  40cm X 60cm</span>
                                        </div>
                                    </li>
                                    <li>
                                        <span class="subtotal-text">Subtotal</span>
                                        <span class="subtotal-price">$61.30</span>
                                    </li>
                                    <li>
                                        <span class="subtotal-text">Shipping</span>
                                        <span class="subtotal-price">$40.20</span>
                                    </li>
                                    <li>
                                        <span class="subtotal-text">Taxes</span>
                                        <span class="subtotal-price">$10.07</span>
                                    </li>
                                    <li>
                                        <span class="subtotal-text">Total</span>
                                        <span class="subtotal-price">$111.57</span>
                                    </li>
                                </ul>
                                <div class="checkout-cart">
                                    <a href="checkout.html">Checkout</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Header Middle End -->
    <!-- Header Bottom Start -->
    <div class="header-menu header-bottom-area theme-bg sticker">
        <div class="container">
            <div class="row">
                <div class="col-lg-3">
                    <!-- Category Menu Start -->
                    <div class="categoryes-menu-bar">
                        <div class="categoryes-menu-btn category-toggle">
                            <div class="float-left">
                                <a href="#">All Categories</a>
                            </div>
                            <div class="float-right">
                                <i class="fa fa-bars"></i>
                            </div>
                        </div>
                        <nav class="categorye-menus category-dropdown">
                            <ul class="categories-expand">
                                <li class="categories-hover-right">
                                    <a href="#">Computer - Laptop <i class="fa fa-angle-right float-right"></i></a>
                                    <ul class="cat-submenu category-mega">
                                        <li class="cat-mega-title"><a href="#">Security Cameras</a>
                                            <ul>
                                                <li><a href="#">DSLR Cameras</a></li>
                                                <li><a href="#">Lense Camera</a></li>
                                                <li><a href="#">Digital Cameras</a></li>
                                                <li><a href="#">Mirrorless Cameras</a></li>
                                                <li><a href="#">Point</a></li>
                                            </ul>
                                        </li>
                                        <li class="cat-mega-title"><a href="#">Mirrorless Cameras</a>
                                            <ul>
                                                <li><a href="#">DSLR Cameras</a></li>
                                                <li><a href="#">Lense Camera</a></li>
                                                <li><a href="#">Digital Cameras</a></li>
                                                <li><a href="#">Mirrorless Cameras</a></li>
                                                <li><a href="#">Point</a></li>
                                            </ul>
                                        </li>
                                        <li class="cat-mega-title"><a href="#">Digital Cameras</a>
                                            <ul>
                                                <li><a href="#">DSLR Cameras</a></li>
                                                <li><a href="#">Lense Camera</a></li>
                                                <li><a href="#">Digital Cameras</a></li>
                                                <li><a href="#">Mirrorless Cameras</a></li>
                                                <li><a href="#">Point</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="categories-hover-right">
                                    <a href="#">Electronics <i class="fa fa-angle-right float-right"></i></a>
                                    <ul class="cat-submenu category-mega">
                                        <li class="cat-mega-title"><a href="#">Security Cameras</a>
                                            <ul>
                                                <li><a href="#">DSLR Cameras</a></li>
                                                <li><a href="#">Lense Camera</a></li>
                                                <li><a href="#">Digital Cameras</a></li>
                                                <li><a href="#">Mirrorless Cameras</a></li>
                                                <li><a href="#">Point</a></li>
                                            </ul>
                                        </li>
                                        <li class="cat-mega-title"><a href="#">Mirrorless Cameras</a>
                                            <ul>
                                                <li><a href="#">DSLR Cameras</a></li>
                                                <li><a href="#">Lense Camera</a></li>
                                                <li><a href="#">Digital Cameras</a></li>
                                                <li><a href="#">Mirrorless Cameras</a></li>
                                                <li><a href="#">Point</a></li>
                                            </ul>
                                        </li>
                                        <li class="cat-mega-title"><a href="#">Digital Cameras</a>
                                            <ul>
                                                <li><a href="#">DSLR Cameras</a></li>
                                                <li><a href="#">Lense Camera</a></li>
                                                <li><a href="#">Digital Cameras</a></li>
                                                <li><a href="#">Mirrorless Cameras</a></li>
                                                <li><a href="#">Point</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="categories-hover-right">
                                    <a href="#">Toys & Hobbies <i class="fa fa-angle-right float-right"></i></a>
                                    <ul class="cat-submenu category-mega">
                                        <li class="cat-mega-title"><a href="#">Security Cameras</a>
                                            <ul>
                                                <li><a href="#">DSLR Cameras</a></li>
                                                <li><a href="#">Lense Camera</a></li>
                                                <li><a href="#">Digital Cameras</a></li>
                                                <li><a href="#">Mirrorless Cameras</a></li>
                                                <li><a href="#">Point</a></li>
                                            </ul>
                                        </li>
                                        <li class="cat-mega-title"><a href="#">Mirrorless Cameras</a>
                                            <ul>
                                                <li><a href="#">DSLR Cameras</a></li>
                                                <li><a href="#">Lense Camera</a></li>
                                                <li><a href="#">Digital Cameras</a></li>
                                                <li><a href="#">Mirrorless Cameras</a></li>
                                                <li><a href="#">Point</a></li>
                                            </ul>
                                        </li>
                                        <li class="cat-mega-title"><a href="#">Digital Cameras</a>
                                            <ul>
                                                <li><a href="#">DSLR Cameras</a></li>
                                                <li><a href="#">Lense Camera</a></li>
                                                <li><a href="#">Digital Cameras</a></li>
                                                <li><a href="#">Mirrorless Cameras</a></li>
                                                <li><a href="#">Point</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active"><span class="menu-expand"><i
                                        class="fa fa-angle-down"></i></span>
                                    <a href="#">Computer - Laptop</a>
                                    <ul class="sub-menu">
                                        <li class="menu-item-has-children"><span class="menu-expand"><i
                                                class="fa fa-angle-down"></i></span>
                                            <a href="#">Men</a>
                                            <ul class="sub-menu">
                                                <li><a href="shop.html">Shirt</a></li>
                                                <li><a href="shop-fullwidth.html">Pant</a></li>
                                                <li><a href="shop-fullwidth-list.html">Shoes</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children"><span class="menu-expand"><i
                                                class="fa fa-angle-down"></i></span>
                                            <a href="#">Women</a>
                                            <ul class="sub-menu">
                                                <li><a href="shop.html">Shirt</a></li>
                                                <li><a href="shop-fullwidth.html">Pant</a></li>
                                                <li><a href="shop-fullwidth-list.html">Shoes</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children"><span class="menu-expand"><i
                                                class="fa fa-angle-down"></i></span>
                                            <a href="#">Kids</a>
                                            <ul class="sub-menu">
                                                <li><a href="shop.html">Shirt</a></li>
                                                <li><a href="shop-fullwidth.html">Pant</a></li>
                                                <li><a href="shop-fullwidth-list.html">Shoes</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children"><span class="menu-expand"><i
                                        class="fa fa-angle-down"></i></span>
                                    <a href="#">Electronics</a>
                                    <ul class="sub-menu">
                                        <li class="menu-item-has-children"><span class="menu-expand"><i
                                                class="fa fa-angle-down"></i></span>
                                            <a href="#">Camera</a>
                                            <ul class="sub-menu">
                                                <li><a href="shop.html">Cords & Cables</a></li>
                                                <li><a href="shop-fullwidth.html">Wireless</a></li>
                                                <li><a href="shop-fullwidth-list.html">Accessories</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children"><span class="menu-expand"><i
                                                class="fa fa-angle-down"></i></span>
                                            <a href="#">Cell Phone</a>
                                            <ul class="sub-menu">
                                                <li><a href="shop.html">Cords & Cables</a></li>
                                                <li><a href="shop-fullwidth.html">Wireless</a></li>
                                                <li><a href="shop-fullwidth-list.html">Accessories</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children"><span class="menu-expand"><i
                                                class="fa fa-angle-down"></i></span>
                                            <a href="#">TV & Video</a>
                                            <ul class="sub-menu">
                                                <li><a href="shop.html">Cords & Cables</a></li>
                                                <li><a href="shop-fullwidth.html">Wireless</a></li>
                                                <li><a href="shop-fullwidth-list.html">Accessories</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children"><span class="menu-expand"><i
                                        class="fa fa-angle-down"></i></span>
                                    <a href="#">Toys & Hobbies</a>
                                    <ul class="sub-menu">
                                        <li class="menu-item-has-children"><span class="menu-expand"><i
                                                class="fa fa-angle-down"></i></span>
                                            <a href="#">Camera</a>
                                            <ul class="sub-menu">
                                                <li><a href="shop.html">Cords & Cables</a></li>
                                                <li><a href="shop-fullwidth.html">Wireless</a></li>
                                                <li><a href="shop-fullwidth-list.html">Accessories</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children"><span class="menu-expand"><i
                                                class="fa fa-angle-down"></i></span>
                                            <a href="#">Cell Phone</a>
                                            <ul class="sub-menu">
                                                <li><a href="shop.html">Cords & Cables</a></li>
                                                <li><a href="shop-fullwidth.html">Wireless</a></li>
                                                <li><a href="shop-fullwidth-list.html">Accessories</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children"><span class="menu-expand"><i
                                                class="fa fa-angle-down"></i></span>
                                            <a href="#">TV & Video</a>
                                            <ul class="sub-menu">
                                                <li><a href="shop.html">Cords & Cables</a></li>
                                                <li><a href="shop-fullwidth.html">Wireless</a></li>
                                                <li><a href="shop-fullwidth-list.html">Accessories</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#">Sports & Outdoors</a>
                                </li>
                                <li>
                                    <a href="#">Smarphone & Tablets</a>
                                </li>
                                <li>
                                    <a href="#">Health & Beauty</a>
                                </li>
                                <li>
                                    <a href="#">Computers & Networking</a>
                                </li>
                                <li>
                                    <a href="#">Accessories</a>
                                </li>
                                <li>
                                    <a href="#">Jewelry & Watches</a>
                                </li>
                                <li>
                                    <a href="#">Flashlights & Lamps</a>
                                </li>
                                <li>
                                    <a href="#">Cameras & Photo</a>
                                </li>
                                <li class="category-item-parent hidden">
                                    <a href="#">Category-01</a>
                                </li>
                                <li class="category-item-parent">
                                    <a href="#" class="more-btn">More Category</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                    <!-- Category Menu End -->
                </div>
                <div class="col-lg-9">
                    <!-- Main Menu Start -->
                    <div class="header-menu add-sticky">
                        <div class="sticky-container">
                            <div class="logo">
                                <a href="index.html"><img src="${rootPath}/common/resources/assets/images/logo/pos-circle-logo.jpg" alt=""
                                                          class="img-fluid"></a>
                            </div>
                            <nav class="main-menu">
                                <ul>
                                    <li>
                                        <a href="${rootPath}/index.mvc">首页</a>
                                    </li>
                                    <li>
                                        <a href="${rootPath}/goodsList.mvc">商品列表</a>
                                    </li>
                                    <li>
                                        <a href="#">Blog <i class="fa fa-angle-down"></i></a>
                                        <ul class="dropdown dropdown-width">
                                            <li>
                                                <a href="blog-grid-right-sidebar.html">Blog Grid<i
                                                        class="fa fa-angle-right float-right"></i></a>
                                                <ul class="sub-dropdown dropdown dropdown-width">
                                                    <li><a href="blog-grid-right-sidebar.html">Right Sidebar</a></li>
                                                    <li><a href="blog-grid-left-sidebar.html">Left Sidebar</a></li>
                                                    <li><a href="blog-grid-fullwidth.html">Full Width</a></li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="blog-list-right-sidebar.html">Blog List<i
                                                        class="fa fa-angle-right float-right"></i></a>
                                                <ul class="sub-dropdown dropdown dropdown-width">
                                                    <li><a href="blog-list-right-sidebar.html">Right Sidebar</a></li>
                                                    <li><a href="blog-list-left-sidebar.html">Left Sidebar</a></li>
                                                    <li><a href="blog-list-fullwidth.html">Full Width</a></li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="blog-details-right-sidebar.html">Blog Single Post<i
                                                        class="fa fa-angle-right float-right"></i></a>
                                                <ul class="sub-dropdown dropdown dropdown-width">
                                                    <li><a href="blog-details.html">Right Sidebar</a></li>
                                                    <li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
                                                    <li><a href="blog-details-fullwidth.html">Full Width</a></li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="blog-right-sidebar.html">Standard Blog<i
                                                        class="fa fa-angle-right float-right"></i></a>
                                                <ul class="sub-dropdown dropdown dropdown-width">
                                                    <li><a href="blog-right-sidebar.html">Right Sidebar</a></li>
                                                    <li><a href="blog-left-sidebar.html">Left Sidebar</a></li>
                                                    <li><a href="blog-fullwidth.html">Full Width</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">Pages <i class="fa fa-angle-down"></i></a>
                                        <ul class="dropdown dropdown-width">
                                            <li><a href="about.html">About Us</a></li>
                                            <li><a href="shop.html">Shop</a></li>
                                            <li><a href="product-details.html">Product</a></li>
                                            <li><a href="shopping-cart.html">Shopping Cart</a></li>
                                            <li><a href="wishlist.html">Wishlist</a></li>
                                            <li><a href="checkout.html">Checkout</a></li>
                                            <li><a href="compare.html">Compare</a></li>
                                            <li><a href="contact.html">Contact Us</a></li>
                                            <li><a href="faq.html">Frequently Question</a></li>
                                            <li><a href="my-account.html">My Account</a></li>
                                            <li><a href="login.html">Login</a></li>
                                            <li><a href="register.html">Register</a></li>
                                            <li><a href="404.html">404 Error</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="contact.html">Contact Us</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <!-- Main Menu End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Header Bottom End  -->
</div>
<!-- =================
Header Area  End
=====================-->